<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>个人中心</title>
	<link rel="stylesheet" href="{{$static_path}}/static/common/css/reset.css">
	<link rel="stylesheet" href="{{$static_path}}/static/common/css/swiper_2.7.css">
	<link rel="stylesheet" href="{{$static_path}}/static/common/css/footer.css">
	<link rel="stylesheet" href="{{$static_path}}/static/css/user/page_user-feedback.css">
	<link rel="stylesheet" href="{{$static_path}}/static/common/css/common.css">
	<script src="{{$static_path}}/static/common/js/jquery-1.11.3.js"></script>
</head>

<body>
	<!-- 头部部分 -->
	<div class="user-header">
		{{include file="page_user-header.tpl"}}
	</div>
	<!-- 内容区域 -->
	<div class="user-main">
		<div class="main-content">
			<div class="main-left">
				{{include file="page_user-left.tpl"}}
			</div>
			<div class="main-right">
				<div class="right-user-box">
					<h1>回访反馈</h1>

				</div>
				<!-- 右侧的内容 -->
				<div class="box-txt">
					<div class="txt-ipts">
						<div class="input-serch">
							<input class="search" placeholder="搜索...">
							<img class="serch-go" src="{{$static_path}}/static/images/search.png" alt="">
						</div>
						<span class="s1">为什么交...</span>
						<span class="s2">东海证券...</span>
						<span class="s3">动态令牌...</span>
					</div>
					<ul class="fk_tabs">
						<li class="user-active-list">
							<img src="{{$static_path}}/static/images/user_setup/user_list_img1.png" alt="">
							<p>证券业务</p>
							<p>请按<span>1键</span></p>
						</li>
						<li>
							<img src="{{$static_path}}/static/images/user_setup/user_list_img2.png" alt="">
							<p>期货业务</p>
							<p>请按<span>2键</span></p>
						</li>
						<li>
							<img src="{{$static_path}}/static/images/user_setup/user_list_img3.png" alt="">
							<p>东海基金</p>
							<p>请按<span>3 键</span></p>
						</li>
						<li>
							<img src="{{$static_path}}/static/images/user_setup/user_list_img4.png" alt="">
							<p>内容资管产品咨询</p>
							<p>请按<span>5键</span></p>
						</li>
						<li>
							<img src="{{$static_path}}/static/images/user_setup/user_list_img5.png" alt="">
							<p>人工服务</p>
							<p>请按<span> 9 键</span></p>
						</li>
					</ul>
					<div class="tabs-box-list">
						<div class="list-img">
							<!-- <img src="{{$static_path}}/static/images/user_setup/box_list1_img1.png" alt="">
                            <img src="{{$static_path}}/static/images/user_setup/box_list1_img2.png" alt="">
                            <img src="{{$static_path}}/static/images/user_setup/box_list1_img3.png" alt=""> -->
							<!-- step1 -->
							<table>
								<tbody>
									<tr>
										<td class="first-td">
											<div>第一步</div>
											<div>账户类型选择</div>
										</td>
										<td width='52.6%'>
											<div class="left-text1">
												<p>客户号 ->请按<b> 0 键 </b></p>
												<p>上海股东账号 ->请按<b> 1 键 </b></p>
											</div>
											<div class="right-text2">
												<p>深圳股东账号 ->请按<b> 2 键 </b></p>
												<p>三板账号 ->请按<b> 3键 </b></p>
											</div>
										</td>
										<td>
											<p>输入账号</p>
											<p><b># 键</b>结束</p>
										</td>
									</tr>
								</tbody>
							</table>
							<!-- step2 -->
							<table>
								<tbody>
									<tr>
										<td>
											<div>第二步</div>
											<div>输入交易密码</div>
										</td>
										<td colspan="2">
											<p><b># 键</b>结束</p>
										</td>
									</tr>
								</tbody>
							</table>
							<!-- step3 -->
							<table>
								<tbody>
									<tr>
										<td>
											<div>第三步</div>
											<div>证券委托<br> 买入 ->请按1键<br> 卖出 ->请按2键</div>
										</td>
										<td>
											<p>输入证券代码</p>
											<p><b># 键</b>结束</p>
											<p><b>* 键</b>返回</p>
										</td>
										<td>
											<p>输入委托价格</p>
											<p>小数点以<b>* 键</b>代替</p>
											<p><b># 键</b>结束，<b>* 键</b>返回</p>
										</td>
										<td>
											<p>输入委托数量</p>
											<p><b># 键</b>结束</p>
											<p><b>* 键</b>返回</p>
										</td>
										<td>
											<p>委托确认</p>
											<p>买入 ->请按<b> 1 键 </b></p>
											<p>卖出 ->请按<b> 3键 </b></p>
										</td>
									</tr>
									<tr>
										<td>
											撤单<br>
											请按 ->3键<br>
										</td>
										<td>
											<p>撤单类型</p>
											<p>按合同号撤单 ->请按<b> 1 键 </b></p>
											<p>全部撤单 ->请按<b> 2 键 </b></p>
										</td>
										<td>
											<p>委托确认</p>
											<p>确认 ->请按<b> 1 键 </b></p>
											<p>取消 ->请按<b> 3键 </b></p>
										</td>
										<td>
											<p><b># 键</b>结束</p>
										</td>
										<td>
											<p><b>* 键</b>返回上一步</p>
										</td>
									</tr>
									<tr>
										<td>
											行情查询<br>
											请按 ->4键<br>
										</td>
										<td>
											<p>功能选择</p>
											<p>个股查询 ->请按<b> 1 键 </b></p>
											<p>指数查询 ->请按<b> 2 键 </b></p>
										</td>
										<td>
											<p><b># 键</b>结束</p>
										</td>
										<td>
											<p><b>* 键</b>返回上一步</p>
										</td>
										<td></td>
									</tr>
									<tr>
										<td>
											交易查询<br>
											请按 ->5键<br>
										</td>
										<td>
											<p>功能选择</p>
											<p>资金账户查询 ->请按<b> 1 键 </b></p>
											<p>股票查询 ->请按<b> 2 键 </b></p>
											<p>当日成交 ->请按<b> 3键 </b></p>
											<p>当日委托 ->请按<b> 4 键 </b></p>
											<p>交割查询 ->请按<b> 5 键 </b></p>
											<p>新股查询 ->请按<b> 6 键 </b></p>
											<p>历史委托查询 ->请按<b> 7 键 </b></p>
											<p>交易资金变动查询 ->请按<b> 8 键 </b></p>
										</td>
										<td>
											<p><b> 6 键 </b>新股查询</p>
											<p>新股配售权益数量查询 ->请按<b> 1 键 </b></p>
											<p>配号查询 ->请按<b> 2 键 </b></p>
											<p>查询中签 ->请按<b> 3键 </b></p>
											<p>中签缴款查询 ->请按<b> 4 键 </b></p>
											<p>历史中签查询 ->请按<b> 5 键 </b></p>
										</td>
										<td>
											<p><b># 键</b>结束</p>
										</td>
										<td>
											<p><b>* 键</b>返回上一步</p>
										</td>
									</tr>
									<tr>
										<td>
											更改密码<br>
											请按 ->6键<br>
										</td>
										<td>
											<p>功能选择</p>
											<p>修改交易密码 ->请按<b> 1 键 </b></p>
											<p>修改资金密码 ->请按<b> 2 键 </b></p>
											<p>认证密码自助解锁 ->请按<b> 3键 </b></p>
										</td>
										<td>
											<p><b># 键</b>结束</p>
										</td>
										<td>
											<p><b>* 键</b>返回上一步</p>
										</td>
										<td></td>
									</tr>
									<tr>
										<td>
											市价委托<br>
											请按 ->7键<br>
										</td>
										<td>
											<p>功能选择</p>
											<p>市价买入 ->请按<b> 1 键 </b></p>
											<p>市价卖出 ->请按<b> 2 键 </b></p>
										</td>
										<td>
											<p>输入证券代码</p>
											<p><b># 键</b>结束，<b>* 键</b>返回</p>
										</td>
										<td></td>
										<td></td>
									</tr>
									<tr>
										<td>
											银证转账<br>
											请按 ->8键<br>
										</td>
										<td>
											<p>功能选择</p>
											<p>银行转证券 ->请按<b> 1 键 </b></p>
											<p>证券转银行 ->请按<b> 2 键 </b></p>
											<p>主辅账户资金内转 ->请按<b> 3 键 </b></p>
											<p>银行资金查询 ->请按<b> 4 键 </b></p>
											<p>转账资金流水查询 ->请按<b> 5 键 </b></p>
											<p>人工服务 ->请按<b> 9 键 </b></p>
										</td>
										<td>
											<p><b># 键</b>结束</p>
										</td>
										<td>
											<p><b>* 键</b>返回上一步</p>
										</td>
										<td></td>
									</tr>
									<tr>
										<td>
											人工服务<br>
											请按 ->9键<br>
										</td>
										<td>
											<p>功能选择</p>
											<p>客户号输入 ->请按<b> 0 键 </b></p>
											<p>上海股东号输入 ->请按<b> 1 键 </b></p>
											<p>深圳股东号输入 ->请按<b> 2 键 </b></p>
											<p>三板股东号输入 ->请按<b> 3 键 </b></p>
											<p>人工服务 ->请按<b> 9 键 </b></p>
										</td>
										<td>
											<p>功能选择</p>
											<p>客户号输入 ->请按<b> 0 键 </b></p>
											<p>上海股东号输入 ->请按<b> 1 键 </b></p>
											<p>深圳股东号输入 ->请按<b> 2 键 </b></p>
											<p>三板股东号输入 ->请按<b> 3 键 </b></p>
											<p>人工服务 ->请按<b> 9 键 </b></p>
										</td>
										<td>
											<p><b># 键</b>结束</p>
										</td>
										<td>
											<p><b>* 键</b>返回上一步</p>
										</td>
									</tr>
									<tr>
										<td>
											其他业务<br>
											请按 ->0键<br>
										</td>
										<td>
											<p>功能选择</p>
											<p>场内基金申赎 ->请按<b> 1 键 </b></p>
											<p>场外开放式基金 ->请按<b> 2 键 </b></p>
											<p>权证行权 ->请按<b> 3 键 </b></p>
											<p>查询股东账号 ->请按<b> 4 键 </b></p>
										</td>
										<td>
											<p>查询资金账号 ->请按<b> 5 键</b></p>
										</td>
										<td>
											<p><b># 键</b>结束</p>
										</td>
										<td>
											<p><b>* 键</b>返回上一步</p>
										</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div class="list-img" style="display: none;">
							<table>
								<tbody>
									<tr>
										<td>
											<div>第一步</div>
											<div>功能选择</div>
										</td>
										<td colspan="2">
											<p>期货业务咨询 ->请按 <b> 1 键 </b></p>
											<p>期货理财咨询 ->请按 <b> 2 键 </b></p>
											<p>期货投诉建议 ->请按 <b> 3 键 </b></p>
										</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div class="list-img" style="display: none;">
							<table>
								<tbody>
									<tr>
										<td width='19.6%' class="first-tds">
											<div>第一步</div>
											<div>功能选择</div>
										</td>
										<td width='81.4%'>
											<div class="left-text3">
												<p>自助服务 ->请按<b> 1 键 </b></p>
												<p>东海祥龙基金咨询 ->请按<b> 2 键 </b></p>
											</div>
											<div class="right-text3">
												<p>专户服务 ->请按<b> 6 键 </b></p>
												<p>人工服务 ->请按<b> 0 键 </b></p>
											</div>

										</td>

									</tr>
								</tbody>
							</table>
						</div>
						<div class="list-img" style="display: none;">
							<table>
								<tbody>
									<tr>
										<td width='19.6%' class="first-tds">
											<div>第一步</div>
											<div>功能选择</div>
										</td>
										<td width='81.4%'>
											<div class="left-text4">
												<p>最新通知 ->请按<b> 1 键 </b></p>
												<p>产品代码查询 ->请按<b> 2 键 </b></p>
											</div>
											<div class="left-text4">
												<p>产品净值查询 ->请按<b> 3 键 </b></p>
												<p>东海客户账户查询 ->请按<b> 4 键 </b></p>
											</div>
											<div class="left-text4">
												<p>东风产品信息 ->请按<b> 5 键 </b></p>
												<p>通讯方式变更 ->请按<b> 6 键 </b></p>
											</div>
											<div class="left-text4">
												<p>人工服务 ->请按<b> 9 键 </b></p>
											</div>

										</td>

									</tr>
								</tbody>
							</table>
						</div>
						<div class="list-img" style="display: none;">
							<table>
								<tbody>
									<tr>
										<td width='19.6%' class="first-tds">
											<div>第一步</div>
											<div>账号类型选择</div>
										</td>
										<td width='81.4%'>
											<div class="left-text3">
												<p>自助服务 ->请按<b> 0 键 </b></p>
												<p>东海祥龙基金咨询 ->请按<b> 9 键 </b></p>
											</div>
										</td>

									</tr>

									<tr>
										<td width='19.6%' class="first-tds">
											<div>第二版</div>
											<div>功能选择</div>
										</td>
										<td width='81.4%'>
											<div class="left-text5">
												<p>业务咨询 ->请按<b> 1 键 </b></p>
												<p>理财咨询 ->请按<b> 2 键 </b></p>
											</div>
											<div class="left-text5">
												<p>资管产品咨询 ->请按<b> 3 键 </b></p>
												<p>投诉与建议 ->请按<b> 4 键 </b></p>
											</div>
											<div class="left-text5">
												<p>非法证券举报 ->请按<b> 5 键 </b></p>
											</div>
										</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
				</div>


			</div>

		</div>


	</div>

	<!--放一个id为footer的div,把footer.html加载到这块-->
	{{include file="footer.tpl"}}

	<!-- 底部部分 -->
</body>

<!-- 加载头尾 -->



<script>
	// 点击关注和取消关注
	$('.qd').click(function () {

		if ($(this)[0].innerText == '签到') {
			$(this)[0].innerText = '签到成功'
			$(this).addClass('qd-active')
		} else {
			$(this)[0].innerText = '签到'
			$(this).removeClass('qd-active')
		}

	})

	// 添加class类名
	$('.fk_tabs>li').click(function () {
		$(this).addClass('user-active-list').siblings().removeClass('user-active-list')

		$('.list-img').eq($(this).index()).show().siblings().hide()
	})



	// 上传头像功能
	//     使用ajax上传到服务器并实现预览

	// 需要注意几点: 

	// fd.append('name', file);
	// 这一句中的name是后台需要接受的file的name
	// 这是公共左侧栏目的上传头像
	$(function () {
		$("#pic").click(function () {
			$("#upload").click(); //隐藏了input:file样式后，点击头像就可以本地上传
			$("#upload").on("change", function () {
				var objUrl = getObjectURL(this.files[0]); //获取图片的路径，该路径不是图片在本地的路径
				if (objUrl) {
					$("#pic").attr("src", objUrl); //将图片路径存入src中，显示出图片
					upimg();
				}
			});
		});
	});

	//建立一?可存取到?file的url
	function getObjectURL(file) {
		var url = null;
		if (window.createObjectURL != undefined) { // basic
			url = window.createObjectURL(file);
		} else if (window.URL != undefined) { // mozilla(firefox)
			url = window.URL.createObjectURL(file);
		} else if (window.webkitURL != undefined) { // webkit or chrome
			url = window.webkitURL.createObjectURL(file);
		}
		return url;
	}
	//上传头像到服务器
	function upimg() {
		var pic = $('#upload')[0].files[0];
		var file = new FormData();
		file.append('image', pic);
		$.ajax({
			url: "/uploadImg",
			type: "post",
			data: file,
			cache: false,
			contentType: false,
			processData: false,
			success: function (data) {
				console.log(data);
				var res = data;
				$("#resimg").append("<img src='/" + res + "'>")
			}
		});
	}


	// 点击搜索跳转
	$('.serch-go').click(function () {
        var key = $('.search').val();
        if(key){
            window.location.href = 'list_search?key=' + key
        }
    })
	// $('.serch-go').click(function () {
	// 	window.location.href = 'list_search.html'
	// })
</script>

</html>